<script type="text/javascript">
    $(document).ready(function() {

        $("li").find("span.editm").hide();

        $("li").hover(
                function() {
                    $(this).find("span.editm:first").show();
                },
                function() {
                    $(this).find("span.editm:last").hide();
                }
        );

        //li with fade class
        $("li.fade").hover(function() {
            $(this).fadeOut(100);
            $(this).fadeIn(500);
        });        

    });
</script>

<div class="sidebar-nav">
    <ul class="nav nav-list">
                    <li>
                                    <a href="#"><i class=""></i>300109 PHYSICAL SCIENCE </a>
                
                        <span class="editm dropdown " style="float: right; margin-top: -23px; margin-right: -10px; display: none;">
                        <a class=" dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-pencil"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" id="submenus29"><i class="icon-pencil"></i> แก้ไข</a></li>
                            <li><a href="#" id="delMenu29"><i class="icon-trash"></i> ลบ</a></li>
                            <li><a href="#" id="upMenu29"><i class="icon-arrow-up"></i> เลื่อนขึ้น</a></li>
                            <li><a href="#" id="dnMenu29"><i class="icon-arrow-down"></i> เลื่อนลง</a></li>
                        </ul>
                    </span>
                        </li>
                        <li>
                                    <a href="#"><i class=""></i>657322 COMPLETE DENTURE II </a>
                
                        <span class="editm dropdown " style="float: right; margin-top: -23px; margin-right: -10px; display: none;">
                        <a class=" dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-pencil"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" id="submenus30"><i class="icon-pencil"></i> แก้ไข</a></li>
                            <li><a href="#" id="delMenu30"><i class="icon-trash"></i> ลบ</a></li>
                            <li><a href="#" id="upMenu30"><i class="icon-arrow-up"></i> เลื่อนขึ้น</a></li>
                            <li><a href="#" id="dnMenu30"><i class="icon-arrow-down"></i> เลื่อนลง</a></li>
                        </ul>
                    </span>
                        </li>
                        <li>
                                    <a href="#"><i class=""></i>927213 TOURISM LAW </a>
                
                        <span class="editm dropdown " style="float: right; margin-top: -23px; margin-right: -10px; display: none;">
                        <a class=" dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-pencil"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" id="submenus31"><i class="icon-pencil"></i> แก้ไข</a></li>
                            <li><a href="#" id="delMenu31"><i class="icon-trash"></i> ลบ</a></li>
                            <li><a href="#" id="upMenu31"><i class="icon-arrow-up"></i> เลื่อนขึ้น</a></li>
                            <li><a href="#" id="dnMenu31"><i class="icon-arrow-down"></i> เลื่อนลง</a></li>
                        </ul>
                    </span>
                        </li>
                        <li>
                                    <a href="#"><i class=""></i>930141 GENERAL BIOLOGY </a>
                
                        <span class="editm dropdown " style="float: right; margin-top: -23px; margin-right: -10px; display: none;">
                        <a class=" dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-pencil"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" id="submenus32"><i class="icon-pencil"></i> แก้ไข</a></li>
                            <li><a href="#" id="delMenu32"><i class="icon-trash"></i> ลบ</a></li>
                            <li><a href="#" id="upMenu32"><i class="icon-arrow-up"></i> เลื่อนขึ้น</a></li>
                            <li><a href="#" id="dnMenu32"><i class="icon-arrow-down"></i> เลื่อนลง</a></li>
                        </ul>
                    </span>
                        </li>
                        <li>
                                    <a href="#"><i class=""></i>932414 LOGISTICS FOR ARGO-INDUSTRY</a>
                
                        <span class="editm dropdown " style="float: right; margin-top: -23px; margin-right: -10px; display: none;">
                        <a class=" dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-pencil"></i></a>
                        <ul class="dropdown-menu">
                            <li><a href="#" id="submenus33"><i class="icon-pencil"></i> แก้ไข</a></li>
                            <li><a href="#" id="delMenu33"><i class="icon-trash"></i> ลบ</a></li>
                            <li><a href="#" id="upMenu33"><i class="icon-arrow-up"></i> เลื่อนขึ้น</a></li>
                            <li><a href="#" id="dnMenu33"><i class="icon-arrow-down"></i> เลื่อนลง</a></li>
                        </ul>
                    </span>
                        </li>
                        <li class="active"><a href="#" id="msubmenus43"><i class="icon-plus"></i> เพิ่มเมนูใหม่</a></li>
    </ul>
</div>